/* ==========================================================================
   Index Page
   ========================================================================== */

/*页头*/
.sect_prod{
}
.module_cate{
}
.module_cate ul{
    padding-top: 2rem;
}
.module_cate ul li{
    border-bottom: 1px solid #f5f5f5;
    line-height: 0.7;
    color: #999;
    margin-left: 88px;
    padding: 28px 0 28px 10px;
    position: relative;
}
.module_cate ul li a{ display: block; }
.module_cate ul li:hover,.module_cate ul li.cur{
    cursor: pointer;
    border: 1px solid #fcb708;
    margin-left:0;
    padding-left: 100px;
    background: url('../img/product_T_bg3.png') no-repeat;
}
.module_cate ul li:hover a{
    color: #fcb708;
}
.module_cate ul li h4{
    font-weight: normal;
    font-size: 0.8rem
}
.module_cate a.more{
    display:block;
    text-align: center;
    color: #999;
    padding: 15px 0 15px 0;
}
.module_cate a.more:hover{
    text-decoration: underline;
}
.module_prod{
    overflow: hidden;
}
.module_prod h2{
    text-align: center;
    background: #1f71c5;
    color: #fff;
    padding: 0 1rem;
    font-size: 2.4rem;
    line-height: 55px;
}
.module_prod h2 strong{
    font-size: 3rem
}
.module_prod #swiper_prod{
    padding: 0rem 1rem 0 1rem
}
.module_prod #swiper_prod .swiper-slide{
}
.module_prod .media-box h4{
    font-weight: normal;
    color: #333;
    border-top: 1px solid #ccc;
}

/*产品*/
.cate-hd{text-align: center;margin-bottom: 20px}
.cate-hd a{ position: relative; display: inline-block;font-size: 14px;padding: 0 3%;margin:4px;line-height:40px;color: #000;background-color: #fff;border: 1px solid #d8d8d8}
.cate-hd a:hover{background: #0c4da2;color: #fff;border: 1px solid #0c4da2}
/* 新产品样式 */
.fullwrap{max-width: 100%;margin-left: auto; margin-right: auto;}
.section_pro .cate-hd a{font-size: 14px;background-color: inherit;border-radius: 0;}
.section_pro .cate-hd a.on{background: #0c4da2;}
.section_pro{overflow: hidden;}
    .section_pro .index_ .T h2{}
    .section_pro .index_ .T h5{color: #5f5f5f}
    .section_pro .index_ .T h5.border strong:before,.section_pro .index_ .T h5.border strong:after{border-color: #5f5f5f}
   
    .block1 .index_{padding-top: 5em;padding-bottom: 0}
    .block1 .jcarousel-wrapper{margin-bottom: -62px}
    .block2{padding: 10px 0}
    .dmore{text-align: center;padding-top: 20px}
    .dmore a{padding: 8px 30px;font-size: 14px;border: 1px solid #cecece;color: #767676;}
    .dmore a:hover{background-color: #0c4da2;color: #fff}
/*jcarousel图片库*/
.thumb-wrapper .jcarousel{width:auto;}
.thumb-wrapper .jcarousel .media-box:hover .icon{}
.thumb-wrapper .jcarousel .media-box h5{font-size: 14px;padding: 15px 0;}
.thumb-wrapper .jcarousel-control {color: #fff;background-color: #0c4da2}
.thumb-wrapper .jcarousel-control:hover {color: #000;border-color: #fff;background-color: #fff}
.thumb-wrapper .jcarousel-control-prev{left:-70px}
.thumb-wrapper .jcarousel-control-next{right:-70px}
.thumb-wrapper .jcarousel-wrapper:hover .jcarousel-control-prev{left: -50px}
.thumb-wrapper .jcarousel-wrapper:hover .jcarousel-control-next{right: -50px}
/*样式2*/
.mask2{position:absolute;top:0;right:0;bottom:0;left:0;display:none;padding:20% 5% 0 5%;background:rgba(0,0,0,.5);color:#FFF;content:"";text-align:center}
.mask2 span{font-size:14px}
.mask2 i{font-size:24px}
a:hover .mask2{display:block}

/*优势*/
.productIpage { position: relative; }
.productIdemo .black { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: none rgba(0,0,0,0.2); }
.productIList a:link, .productIList a:visited { color: #fff; }
.productIList a:active, .productIList a:hover { color: #fff; }
.productIList dd { color: #fff; }
.productIList a { position: relative; padding-left: 20%; height: 150px; display: block; float: left; }
.productIList .red-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%;background: none rgba(12,77,162,0.7); transition: 300ms; -webkit-transition: 300ms; }
.productIList .ico { width: 140px; height: 80px; position: absolute; left: 0px; top: 0px; padding: 35px 0px; }
.productIList .ico .bg { position: absolute; width: 100%; height: 100%; background-color: #0c4da2; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.productIList .ico .i { background: url(../img/ico.png); width: 80px; height: 80px; margin: 0px auto; position: relative; display: block; }
.productIList .ico .i1 { background-position: 0px 0px; }
.productIList .ico .i2 { background-position: 0px -80px; }
.productIList .ico .i3 { background-position: 0px -160px; }
.productIList .ico .i4 { background-position: 0px -240px; }
.productIList .ico .i5 { background-position: 0px -320px; }
.productIList .ico .i6 { background-position: 0px -400px; }
.productIList .con { display: block; padding: 0px 140px 0px 208px; width: 508px; position: relative; height: 150px; }
.productIList .t { font-size: 16px; line-height: 1.5; padding: 62px 0px 20px; transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .zh { transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .en i { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms; background: url(../images/line.png) no-repeat scroll left center; margin: 0px 5px 0px 22px; }
.productIList .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.productIList .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.productIList a:hover .red-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.productIList a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.productIList a:hover .t { padding-top: 30px; }
.productIList a:hover .t .zh { font-size: 22px; }
.productIList a:hover .t .en i { padding-left: 42px; }
.productIList a:hover .c { opacity: 1; visibility: visible; }
.telbox a:link, .telbox a:visited { color: #cd000f; }
.telbox a:active, .telbox a:hover { color: #cd000f; }
.telbox { text-align: center; color: #646464; background-color: #e0e0e0; padding: 20px 0px; overflow: hidden; }
.telbox .tel { padding-left: 45px; display: inline-block; }
.telbox .tel { font: 40px/1.4 "humanist_521_lightregular","microsoft yahei"; -webkit-animation: telc 1s linear infinite; animation: telc 1s linear infinite; color: #cd000f; }
.moreR { position: absolute; right: 0px; bottom: 10%; display: block; width: 236px; padding: 0px 18px; height: 70px; line-height: 70px; font-size: 14px; color: #323232; background-color:rgba(255,255,255,0.7); z-index: 10; }
.moreR .ico { font-size: 20px; width: 24px; height: 24px; position: absolute; right: 18px; top: 50%; margin-top: -12px; }
.moreR:hover { background-color: #0c4da2; color: #fff; }
.moreR:hover .ico { right: 8px; transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s;}


/*关于*/
.About_img{ text-align: center; } 
.About_ct h3{ font-size: 18px; color: #333; border-bottom: 1px dashed #0c4da2; line-height: 60px; }
.About_ct p{ font-size: 14px; color: #999;  height: 200px; line-height: 38px; overflow-y:auto; margin-top: 1rem;}
.About_ct a{ font-size: 24px; color: #999; display: block; margin-top: 1rem;}

/*新闻*/
.News_1_T{ float: left; width: 90%; margin-left:5%;  border-bottom: 1px dashed #ccc; line-height: 60px; text-align: center;}
.News_1_T h3{ font-size: 18px; float: left;}
.News_1_T a{ float: right;}
.News_1_C{ display: block; line-height: 45px; width: 90%; margin: 0 auto;}
.News_1_C i{ margin-right:1rem; }
.News_1_C span{ display: block; float: right; }
.News_1_C:hover a{ color: #0c4da2;}
.News_ask{ width: 100%; display: block;}
.News_ask i{ margin-right: 10px; font-size: 18px; color: #0c4da2; }
.News_answer{ width: 100%; display: block; line-height: 20px;}
.News_answer i{ margin-right: 10px; font-size: 18px; color: #333;}
.News_QA{ width: 100%; overflow-y:auto; height: 260px;}
.News_2_C{ display: block; line-height: 45px; width: 90%; margin: 0 auto; padding-bottom:1rem;  border-bottom: 1px dashed #ccc; }